<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>媒体对象</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <style>
        body{
            padding: 30px;
        }
    </style>
</head>
<body>


<div class="media">
    <div class="media-left">
        <img class="media-object" src="image/pic-samll.jpg" alt="">
    </div>
    <div class="media-body">
        <h4 class="media-heading">谁在制造下跌，散户何去何从</h4>
        <p>大盘分时不断在筑底过程中下跌，每一次有W底之意得形态上，最终迎来的都是坡位下行。虽然周末央企改革事宜进行了公布，单这种利好只在开盘的第一个动作中有所体现。</p>
        <small>5分钟前/ 股市</small>
        <small style="margin-left:70%;color: #f0ad4e"> 评论 | 分享 </small>
    </div>
</div>
<hr/>
<div class="media">
    <div class="media-body text-right">
        <h4 class="media-heading">在制造下跌，散户何去何从</h4>
        <p class="pull-right">大盘分时不断在筑底过程中下跌，每一次有W底之意得形态上，最终迎来的都是坡位下行。虽然周末央企改革事宜进行了公布，单这种利好只在开盘的第一个动作中有所体现</p>
        <small>5分钟前/ 股市</small>
        <small style="margin-left:70%;color: #f0ad4e"> 评论 | 分享 </small>
    </div>
    <div class="media-right">
        <img class="media-object" src="image/pic-samll.jpg" alt="">
    </div>
</div>
</body>
</html>